<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Projects</title>
        <meta name = "format-detection" content = "telephone=no" />
        <meta name="description" content="Your description" />
        <meta name="keywords" content="Your keywords" />
        <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />        
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/superfish.css" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="js/superfish.js"></script>        
        <script src="js/jquery.equalheights.js"></script>
        <script src="js/jquery.mobilemenu.js"></script>
        <script src="js/jquery.equalheights.js"></script>
        <script src="js/script.js"></script>
        <script>
            jQuery(function() {
                $().UItoTop({easingType: 'easeOutQuart'});
            });
            
            $(document).ready(function(){
		$("ul.sf-menu").superfish();
	});
        </script>
               
        <!--[if lt IE 8]>
           <div style=' clear: both; text-align:center; position: relative;'>
             <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
               <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
            </a>
          </div>
        <![endif]-->
        <!--[if lt IE 9]>
                <script src="js/html5.js"></script>
                <link rel="stylesheet" href="css/ie.css">
        <![endif]-->
    </head>
    <body>
        <!--==============================header=================================-->
        <header>

            <div class="container_12">
                <article class="grid_12">
                    <div class="inner-block">
                        <h1><a class="logo" href="index.html">logo</a></h1>
                        <nav>
                            <ul class="sf-menu responsive-menu">
                                <li><a href="index.html" id="home">&nbsp;</a></li>
                                <li class="current"><a href="index-3.html">Visite guidée</a></li>
                                <li class="sub-menu"><a href="index-4.html">Découvrir</a>
                                    <ul>                                        
                                        <li><a href="#">Histoire</a></li>
                                        <li><a href="#">Fonctionnalités</a></li>
                                        <li><a href="#">Guide démarrage</a></li>
                                        <li><a href="#">FAQ</a></li>

                                    </ul>
                                </li>                                                                                       
                                <li><a href="index-4.html">Tarif</a></li>  
                                <li><a href="index-4.html">Parrainage</a></li>


                            </ul>
                        </nav>
                        <div class="clear"></div>
                    </div>
                </article>
                <div class="clear"></div>
            </div>
            <div class="head-line"></div>
        </header>

        <!--==============================content================================-->
        
        <div class="bg1">            
            <div class="bg">
                <section id="content">
                   
                    <div class="container_12">
                        <article class="grid_12">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy <strong>tempor invidunt</strong>ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
                            <p>Stet clita kasd gubergren, no sea <strong>takimata sanctus</strong> est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur <a href="#">eirmod tempor</a> sadipscing elitr, sed diam nonumy eirmod ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
                            <div class="inner-block">
                                <div class="page1-box2"><span>Les fonctionnalités</span></div>
                            </div>
                        </article>
                        <div class="clear"></div>
                        <article class="grid_3">
                            <div class="inner-block">
                                <div class="page1-box3 maxheight">
                                    <figure class="page1-img1"><img src="images/page1-img1.jpg" alt=""></figure>
                                    <div class="inner2">
                                        <a class="link2" href="#">MIUAS KIUASYA</a>
                                        <span class="text3">Bertarsa atunteger rutrum losai <br />vertyua hatsfasera.</span>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <article class="grid_3">
                            <div class="inner-block">
                                <div class="page1-box3 maxheight">
                                    <figure class="page1-img1"><img src="images/page1-img2.jpg" alt=""></figure>
                                    <div class="inner2">
                                        <a class="link2" href="#">Ferytasa Lastra</a>
                                        <span class="text3">Ctunteger rutrum losaibytrsa as<br />kertyua iaygsasa.</span>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <article class="grid_3">
                            <div class="inner-block">
                                <div class="page1-box3 maxheight">
                                    <figure class="page1-img1"><img src="images/page1-img3.jpg" alt=""></figure>
                                    <div class="inner2">
                                        <a class="link2" href="#">Doloere Mias</a>
                                        <span class="text3">Vunteger rutrum sertarsa ame<br />byatsua iayg salerta.</span>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <article class="grid_3">
                            <div class="inner-block">
                                <div class="page1-box3 maxheight">
                                    <figure class="page1-img1"><img src="images/page1-img4.jpg" alt=""></figure>
                                    <div class="inner2">
                                        <a class="link2" href="#">Geyarsas bausyt</a>
                                        <span class="text3">Sertarsa atunteger rutru debais<br />olaksj tyufeas niuas.</span>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <div class="clear"></div>
                        <article class="grid_3 maxheight2">
                            <div class="inner-block">
                                <h3 class="p9">WELCOME</h3>
                                <span class="text4">Lasetaty naten artesas
                                    kersvaserat leaser niasese
                                    baertystya sarters.</span>
                                <span class="text2">Moleacene anrit meases deyuas </span>
                                <p class="p10">Cum socis natoqu eagnis dimte dulm
                                    uese feugiata lesuada kerleceas strices
                                    phaledaty fenanec sit aser erment.
                                    Ut ts dolor dapegete lement velursusen
                                    eleifneanctor wisi et urna aseserta. </p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                        </article>
                        <article class="grid_3 prefix_1 maxheight2 border1">
                            <div class="inner-block">
                                <h3 class="p9">our experience</h3>
                                <figure class="page1-img2"><img src="images/page1-img5.jpg" alt=""></figure>
                                <span class="text4 p11">artesas Lasetaty naten
                                    leaser niasesek ersvaserat
                                    sarters asrtystya .</span>
                            </div>
                        </article>
                        <article class="grid_4 prefix_1 maxheight2 border1">
                            <div class="inner-block">
                                <h3 class="p9">Green Building</h3>
                                <div class="thumb">
                                    <div class="page1-box4">
                                        <div class="inner3">a.</div>
                                        <div class="extra-wrap p13">
                                            <a class="link3" href="#">Utets dolor dentu </a>
                                            <p class="p10 p12">Soera wisi et urna.  Aliquam eratoltpas<br />saceratunteger rutrum kertyua.</p>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="page1-box4">
                                        <div class="inner3">b.</div>
                                        <div class="extra-wrap p13">
                                            <a class="link3" href="#">vel kaystra eleifneanc</a>
                                            <p class="p10 p12">Soera wisi et urna.  Aliquam erat voltpati<br />saceraturpis. Integer rutrum.</p>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="page1-box4">
                                        <div class="inner3">c.</div>
                                        <div class="extra-wrap p13 last3">
                                            <a class="link3" href="#">moiase vasrteas laser</a>
                                            <p class="p10 p12">Soera wisi et urna.  Aliquam erat kertas<br />eger rutrum kertyua.</p>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <div class="clear"></div>
                    </div>
                </section>

                <!--==============================footer=================================-->
                <footer>
                    <div class="container_12">
                        <article class="grid_12"><div class="border-bot">Menu</div></article>
                        <div class="clear"></div>
                        <article class="grid_12">
                            <div class="foot-page1">
                                Bulletin Facile &copy; 2013 &nbsp;  | &nbsp; <a href="index-5.html">Mentions légales</a>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </article>
                        <div class="clear"></div>
                    </div>
                </footer>
            </div>
        </div>
    </body>
</html>